 
<script type="text/javascript">
 
$(function(){    

	$("li>h5,li>a","#massage").bind("click",function(){
	    var li=$(this).parent();
		if(li.hasClass("fold")){
			li.removeClass("fold");
			$(this).find("b").removeClass("UI-bubble").addClass("UI-ask");
			li.find(".foldContent").slideUp();
		}else{
			li.addClass("fold");
			$(this).find("b").removeClass("UI-ask").addClass("UI-bubble");
			li.find(".foldContent").slideDown();
		}
	});
	
}) 
</script>
 
 <div class="m_rightcon">
   
   <!--产品购买记录-->
   <div class="buyrecord">
     <h3 class="mem_title yellow_title">消息中心</h3>
     <div id="massage" class="massage-check">
       <ul>
         <li>
           <h5><b class="UI-bubble"></b>成功注册存利网</h5><span class="r-top"><i>2015-01-14 11:28:04</i><a href="#">删除</a></span>
           <div class="foldContent">
			  <p>恭喜您注册成功，感谢您注册成为存利网用户。</p>
		   </div>
         </li>
         <li>
           <h5><b class="UI-bubble"></b>成功注册存利网</h5><span class="r-top"><i>2015-01-14 11:28:04</i><a href="#">删除</a></span>
           <div class="foldContent">
			  <p>恭喜您注册成功，感谢您注册成为存利网用户。</p>
		   </div>
         </li>
         <li>
           <h5><b class="UI-bubble"></b>成功注册存利网</h5><span class="r-top"><i>2015-01-14 11:28:04</i><a href="#">删除</a></span>
           <div class="foldContent">
			  <p>恭喜您注册成功，感谢您注册成为存利网用户。</p>
		   </div>
         </li>
         <li>
           <h5><b class="UI-bubble"></b>成功注册存利网</h5><span class="r-top"><i>2015-01-14 11:28:04</i><a href="#">删除</a></span>
           <div class="foldContent">
			  <p>恭喜您注册成功，感谢您注册成为存利网用户。</p>
		   </div>
         </li>
         <li>
           <h5><b class="UI-bubble"></b>成功注册存利网</h5><span class="r-top"><i>2015-01-14 11:28:04</i><a href="#">删除</a></span>
           <div class="foldContent">
			  <p>恭喜您注册成功，感谢您注册成为存利网用户。</p>
		   </div>
         </li>
         <li>
           <h5><b class="UI-bubble"></b>成功注册存利网</h5><span class="r-top"><i>2015-01-14 11:28:04</i><a href="#">删除</a></span>
           <div class="foldContent">
			  <p>恭喜您注册成功，感谢您注册成为存利网用户。</p>
		   </div>
         </li>
         <li>
           <h5><b class="UI-bubble"></b>成功注册存利网</h5><span class="r-top"><i>2015-01-14 11:28:04</i><a href="#">删除</a></span>
           <div class="foldContent">
			  <p>恭喜您注册成功，感谢您注册成为存利网用户。</p>
		   </div>
         </li> 
       </ul>
         <div class="pagenum">
           <span>上一页</span>
           <a class="current">1</a>
           <span>下一页</span>
           <select name=""><option>每页显示10页</option></select>
         </div>
     </div>

   </div>
  
                                                                                                                                                                                                                                                                                                                                                                                                                                                   